//
// Project Wok
//
// Copyright IBM Corp, 2015-2017
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//

.wok-loading-icon {
    height: 16px;
    width: 16px;
    background-size: 100%;
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
}

.wok-mask, .wok-grid-mask, .wok-list-mask {
    @extend .absolute-middle;
    background: rgba(255,255,255,.7);
}

.wok-mask {
    top: 180px !important;
    @media (max-width: $screen-sm - 1) {
        top: 0 !important;
    }
}

.panel-group .wok-mask {
    top: 0 !important;
}

.wok-mask-loading, .wok-grid-loading, .wok-list-loading {
    width: 100%;
    white-space: nowrap;
    @extend .absolute-middle;
}

.wok-mask-loader-container, .wok-grid-loader-container, .wok-list-loader-container {
    width: 120px;
    height: 40px;
    @extend .absolute-middle;
}

.wok-list-loading-icon{
    width: 20px;
    @extend .absolute-middle;
}

.wok-mask-loading-text, .wok-grid-loading-text, .wok-list-loading-text {
    color: $gray;
    padding-top: 15px;
    text-shadow: 0px 0px 10px #fff;
}
